
.finished { 
    background-image: url('pix/finished.jpg'); 
    height: 201px; 
    width: 307px 
}

.emptyset { 
    color: red; 
}

.graphdeck{
     background-image: url('pix/cardslice.png');
     background-repeat: repeat-y;
} 

.error{
    color: red; 
}

.bar{
    background-image: url('pix/men.png');
    background-repeat: repeat-x;
    border: solid 1px #0B2386;
}

.flashcard_playbutton{
    display: inline-block;
    padding: 10px;
}

.flashcard-question-container{
	display:block;
	margin: 10px auto 10px auto; 
}

.flashcard-answer-container{
	display:block;
	margin: 10px auto 10px auto; 
}

.flashcard-question{
	border-style: dashed; 
	padding: 10px 30px; 
	width: 300px; 
	height: 200px; 
	background-position:50% 50%;
	vertical-align:middle;
	display: table-cell;
}

.flashcard-question-video{
	border-style: dashed; 
	padding: 10px 30px; 
	width: 600px; 
	height: 400px; 
	background-position:50% 50%;
	vertical-align:middle;
	display: table-cell;
}

.flashcard-answer{
	border-style: dashed; 
	margin: 10px auto 10px auto; 
	padding: 10px 30px; 
	width: 300px; 
	height: 200px; 
	background-position:50% 50%;
	vertical-align:middle;
	display: table-cell;
}

.flashcard-answer-video{
	border-style: dashed; 
	margin: 10px auto 10px auto; 
	padding: 10px 30px; 
	width: 600px; 
	height: 400px; 
	background-position:50% 50%;
	vertical-align:middle;
	display: table-cell;
}

.flowplayer { width: 80%; background-color: #222; background-size: cover; margin-bottom:30px }
.flowplayer .fp-controls { background-color: rgba(17, 17, 17, 1)}
.flowplayer .fp-timeline { background-color: rgba(204, 204, 204, 1)}
.flowplayer .fp-progress { background-color: rgba(0, 167, 200, 1)}
.flowplayer .fp-buffer { background-color: rgba(249, 249, 249, 1)}

.flashcard-flowplayer video{
	max-width: 800px;
}

.flashcard-flowplayer-thumb{
 	max-width: 300px; 
}